import React from 'react'
import style from './style.module.scss'
import ShareBtn from '../../Button/ShareBtn'
import InfoBtn from '../../Button/InfoBtn'
import EditBtnOutLine from '../../Button/EditBtnOutLine'

interface IImagInfoTabsProps {
    data?: any
}

export default function ImgInfoTabs(props: IImagInfoTabsProps) {
    return (
        <div id="img__info__tabs" className={style.container}>
            <div className={style.locations}></div>
            <div className={style.btn}>
                <EditBtnOutLine type={'photo'} data={props.data} width={'40px'} height={'32px'} />
                <ShareBtn userName={props.data.userName} width={'82px'} height={'32px'} />
                <InfoBtn imgId={props.data.imgId} width={'69px'} height={'32px'} />
            </div>
        </div>
    )
}
